body{
     /*width: 100%;*/
     /*height: 100%;*/
     background: url("../img/bj.png") no-repeat;
     background-size: 100% 100%;
 }
.content{
    width: 100%;
    height: 100%;
}
.logo_box{
    width: 100%;
    text-align: center;
}
.logo_box>img{
    width: 20%;
    margin: .35rem auto .2rem auto;
}
form{
    width: 80%;
    margin: 0px auto;
    background: black;
    background:rgba(0, 0, 0, 0.2);
    /*opacity: .1;*/
    padding: .1rem 0;
    margin-bottom: .2rem;
    border-radius: .08rem;
}
.titel{
    width: 100%;
    text-align: center;
    font-size: .18rem;
    color: white;
    height: .35rem;
    line-height: .35rem;
}
.input_list{
    width: 90%;
    height: .35rem;
    line-height: .3rem;
    margin: 10px auto;
    border: 1px solid #cccccc;
    border-radius: .03rem;
}
.input_list>.icon{
     width:.35rem;
     height: 100%;
    text-align: center;
}
.input_list>.icon>img{
     width: .13rem;
     vertical-align: middle;
}
.input_list>.input{
    width: 84%;
    height: 100%;
}
.input_list>.input input{
    width: 100%;
    height: 98%;
    margin-bottom: 2px;
    vertical-align: middle;
    background-color: transparent;
    border: none;
    outline-style: none;
    color: white;
    font-size: .14rem;
}
.input_list>.input>div{
    width: 50%;
    height: 100%;
}
.code{
    width: 35%;
    height: .35rem;
    line-height: .3rem;
    margin: 10px 0 10px 5%;
    border: 1px solid #cccccc;
}
.code>img{
    width: 100%;
    height: 100%;
}
.code_input{
    width: 90%;
    height: 100%;
    margin: 0px auto;
}
.code_input>.input_list>.input{
    width: 73%;
    height: 100%;
}
.code_input>.input_list{
    width: 60%;
    height: .35rem;
    line-height: .3rem;
    margin: 10px auto;
    border: 1px solid #cccccc;
    border-radius: .03rem;
}
.code_input>.input_list>.icon>img{
    width: .18rem;
    vertical-align: middle;
}
#vcode_btn{
    border: 1px solid orange;
    border-radius: 3px;
    text-align: center;
    color: orange;
    line-height: .35rem;
}